*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
html,body{
	overflow: hidden;
	max-width:1800px;
	height: 100%;
}
body{
	background-color: #f4f7f9;
}
#topnav{	
	width: 100%;
	height:80px;
	background-color:#528BB7;
}
#leftnav{
	float: left;
	width: 180px;
	height: 100%;
	background-color:#2E4050;
}
#leftnav h4{
	color: white;
	margin:25px 20px 20px;
}

#user .iconfont{
	color: white;
	font-size: 50px;
	margin-left: 20px;
}

#leftnav #user span{
	margin: 5px;
	float: left;
}

#leftnav .username{
	color: white;
	font-size: 14px;
}

#user a{
	position: relative;
	top: 10px;
	left: -70px;
	color: white;
	font-size: 14px;
}
#user a .iconfont{
	font-size: 14px;
	color: red;
}

.clearfloat{
	clear:both;height:0px;
}

#type>a{
	color: white;
}
#type>li>a,li{
	display:block;
	color: white;
	width: 120px;
	height: 30px;
	background: #283846;
	line-height: 30px;
}

#type>li ul{
	display: none;
	width: 180px;
}

#type>a{
	display:block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	padding-left: 40px;
}
#type>li>a{
	line-height: 40px;
	height:40px;
	padding: 6px 0px 2px 0px;
	padding-left: 40px;
	width: 140px;
}

#type>li>a i{
	margin-right: 2px;
}

#type>li li{
	padding:5px 0px 5px 70px ;
	width:110px ;
	height: 36px;
	line-height: 36px;
	background: #2E4050;
}

#type>li li:hover{
	background: #626b73;
}
#type>li{
	display: inline-block;
}

#type ul a{
	color: white;
	font-size: 14px;
}

#type>li{
	height: 100%;
}

/*上*/
#topnav{
	margin-left: 180px;
}

#topnav i{
	color: white;
	font-size: 36px;
	margin-top:30px;
	margin-left: 20px;
}

#topnav #topbox{
	line-height:76px ;
}

#topnav input{
	padding-left: 4px;
	position: relative;
	top: -8px;
	left: 8px;
	height: 26px;
	border: 1px solid white;
	background-color: #528BB7;
	outline: none;
	color: white;
	font-size: 13px;
	
}

#topnav input::placeholder{
	color: white;
	font-size: 13px;
}

#topnav #search{
	width: 50px;
	height: 28px;
	background: #CCCCCC;
	padding: 0;
}

